<template>
	<div class="page">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" title="Trung tâm trợ giúp" left-arrow @click-left="onClickLeft"></van-nav-bar>
		<div class="help-list">
			<van-collapse v-model="activeNames">
				<van-collapse-item title="Hướng dẫn người mới" name="1">
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
				</van-collapse-item>
				<van-collapse-item title="HỢP TÁC ĐẠI LÝ" name="2">
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
				</van-collapse-item>
				<van-collapse-item title="Vấn Dề Thường Gặp" name="3">
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
					<van-cell title="Đăng ký" is-link="" to="/helpDetail" />
				</van-collapse-item>
			</van-collapse>
		</div>
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				activeNames: ['1'],
			}
		},
		methods: {
			url(url) {
				this.$router.push({
					path: url
				})
			},
			onClickLeft() {
				this.$router.go(-1)
			}
		}
	}
</script>
<style>
</style>
